<template>
  <div id="app">
    <Menu dark mode="horizontal" default-active="1">
      <el-menu-item
        v-for="(item, index) in lists"
        :key="index"
        :index="index + 1 + ''"
      >
        <i class="el-icon-setting"></i>
        <span slot="title">导航{{ index + 1 }}</span>
      </el-menu-item>
    </Menu>
  </div>
</template>

<script>
import Menu from './components/menu.vue'
export default {
  name: 'App',
  components: {
    Menu,
  },
  data() {
    return {
      lists: new Array(20).fill(0),
    }
  },
}
</script>
